@charset "utf-8";

.banner {
    margin-left: 0px;
}

.nav-pills {
    margin-top: 90px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.nav-pills > .subtitle {
    margin: 0px 20px;
}

.nav-pills > li > a {
    color: #000;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
    font-size: 16px;
    color: #ffffff;
    background: #000000;
}

.logo-cont {
    margin-top: -57px;
}

.breadcrumb {
    background: none;
    margin-bottom: 0px;
}

.pagination .page {
    float: left;
    margin-left: 18px;
}

.pagination .page:first-child {
    margin-left: 0px;
}

.video-block {
    margin-top: 85px;
}

.video-block h4 {
    font-size: 18.67px;
}

.video-block .video-cont {
    width: 867px;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 767px) {
    .video-block .video-cont {
        width: 374px;
        height: 194px;
    }
}

.description h3 {
    font-size: 32px;
}

.description .price {
    font-size: 24px;
    margin-top: 30px;
    display: block;
}

.description .type-text {
    margin-top: 50px;
    display: block;
}

.description .btn-group {
    margin-top: 25px;
}

.description .btn-group .dropdown-toggle, .description .btn-group.open .dropdown-toggle {
    width: 286px;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: none;
    border: solid 1px #808080;
    color: #808080;
    margin-top: 20px;
    text-align: left;
}

.description .btn-group .dropdown-toggle .caret, .description .btn-group.open .dropdown-toggle .caret {
    float: right;
}

.sns-contact {
    margin-top: 25px;
}

.sns-contact a {
    margin-right: 12px;
    text-decoration: none;
}

.distribution-cont {
    margin-top: 32px;
}

.product-detail {
    margin-top: 48px;
}

.product-detail h3 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 27px;
}

.product-item {
    height: 410px;
}

.product-row {
    margin-top: 30px;
}

.product-row .product-item {
    height: 400px;
}

.product-item .text-cont {
    margin-top: 12px;
}

.product-item .name-price {
    float: left;
}

.product-item .text-cont span {
    display: block;
}

.product-item .text-cont .name {
    font-size: 18.67px;
}

.product-item .text-cont .price {
    font-size: 14.67px;
}

.product-item .text-cont a {
    float: right;
    font-size: 14.67px;
    background: #000000;
    color: #ffffff;
    padding: 2px 10px;
}

.product-item .text-cont a:hover {
    text-decoration: none;
    opacity: 0.65;
}

.lastest-product .text-cont {
    margin-top: 12px;
}

.lastest-product .name-price {
    float: left;
}

.lastest-product .text-cont span {
    display: block;
}

.lastest-product .text-cont .name {
    font-size: 18.67px;
}

.lastest-product .text-cont .price {
    font-size: 14.67px;
}

.product-detail dt {
    font-size: 18.67px;
    margin-bottom: 20px;
}

.product-detail dd {
    font-size: 16px;
}

/*轮播样色*/
.pc-slide {
    width: auto;
    margin: 0 auto;
}

.view .swiper-container {
    width: 100%;
    height: 451px;
}

.view .arrow-left {
    background: url(../../img/index_tab_l.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -25px;
    width: 28px;
    height: 51px;
    z-index: 10;
}

.view .arrow-right {
    background: url(../../img/index_tab_r.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -25px;
    width: 28px;
    height: 51px;
    z-index: 10;
}

.preview {
    width: 100%;
    margin-top: 10px;
    position: relative;
}

.preview .swiper-container {
    width: 600px;
    height: 81px;
    margin-left: 35px;
}

@media (max-width: 767px) {
    .preview .swiper-container {
        width: 300px;
    }
}

.preview .swiper-slide {
    width: 126px;
    height: 79px;
    padding-right: 20px;
}

.preview .slide6 {
    width: 79px;
}

.preview .arrow-left {
    background: url(../../img/feel3.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}

.preview .arrow-right {
    background: url(../../img/feel4.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}

.preview img {
    padding: 1px;
}

.preview .active-nav img {
    padding: 0;
    border: 1px solid #000;
}